{template 'header'}
    <!--当前位置-->
    <div class="location layout960">
	    <!--{template 'location', MODULE_NAME}-->
    </div>
    <!--当前位置 end-->
    <!--主体部分-->
    <div class="cooper-hd layout960 fn-clear">
	    <!--{template 'changeArea', MODULE_NAME}-->
    </div>
    <div class="cooper-main layout960">
	    <div class="coshop-hd">
		    <h4 class="f14 cblue fn-left">最新加入</h4>
	    </div>
	    <div id="scrollImg" class="index-img-scroll  fn-clear">
		    <a class="pre" href="javascript:void(0);"></a>
		    <div class="img-scroll-list fn-clear">
			    <ul class="fn-clear">
				    {loop $indexData['newBusiness'] $k $business}
				    {php $title = $business['shopname'];}
				    {php if ($business['nickname']):}
				    {php $title .= '('.$business['nickname'].')'}
				    {php endif;}
				    <li>
					    <a class="img" href="{url('shop/show', 'itemid='.$business['itemid'])}" target="_blank" title="{$title}"><img src="{$business['thumb']}" alt="{$title}"></a>
					    <a class="text-ellipsis" href="{url('shop/show', 'itemid='.$business['itemid'])}" title="{$title}">{$title}</a>
				    </li>
				    {/loop}
			    </ul>
		    </div>
		    <a class="next" href="javascript:void(0);"></a>
	    </div>
	    <a name="car"></a>
        <!--汽车服务 start-->
        <div class="cooper-lists">
        	<div class="coshop-hd">
            	<h4 class="f14 cblue fn-left">汽车服务</h4>
                <ul class="jsCoshopNav fn-left fn-clear">
	                <li  {if $catid == ''}class="current"{/if}><a  href="javascript:void(0)" data-url="{url('shop/iframe')}?mo=jsCoshopcar&catid=4864&aid={$areaid}">全部</a></li>
	                <!--{loop $indexData[carCategory] $cate}-->
	                <li  {if $catid == $cate['catid']}class="current"{/if}><a  href="javascript:void(0)" data-url="{url('shop/iframe')}?mo=jsCoshopcar&catid={$cate['catid']}&aid={$areaid}">{$cate[catname]}</a></li>
	                <!--{/loop}-->
                </ul>
            </div>
	        <div class="cooper-list-blk" style="padding: 10px 0">
	        <iframe  id="jsCoshopcar" src="{url('shop/iframe', 'mo=jsCoshopcar&cid=4864&aid='.$areaid)}"   width="952" scrolling="off" frameborder="0"></iframe>
	        </div>
        <!--汽车服务 end-->
	    <a name="life"></a>
        <!--生活服务 start-->
        <div class="cooper-lists">
        	<div class="coshop-hd">
            	<h4 class="f14 cblue fn-left">生活服务</h4>
                <ul class="jsCoshopNav fn-left fn-clear">
	                <li  {if $catid == ''}class="current"{/if}><a  href="javascript:void(0)" data-url="{url('shop/iframe')}?mo=jsCoshopLife&cid=4855&aid={$areaid}">全部</a></li>
	                <!--{loop $indexData[lifeCategory] $cate}-->
	                <li  {if $catid == $cate['catid']}class="current"{/if}><a  href="javascript:void(0)" data-url="{url('shop/iframe')}?mo=jsCoshopLife&cid={$cate['catid']}&aid={$areaid}">{$cate[catname]}</a></li>
	                <!--{/loop}-->
                </ul>
            </div>
	        <div class="cooper-list-blk" style="padding: 10px 0">
		        <iframe  id="jsCoshopLife" src="{url('shop/iframe', 'mo=jsCoshopLife&cid=4855&aid='.$areaid)}"   width="952" scrolling="off" frameborder="0"></iframe>
	        </div>
        </div>
        <!--生活服务 end-->
        <!--所有城市 start-->
        <dl class="cooper-city fn-clear">
        	<dt>所有省份：</dt>
	        <dd><a href="{url('shop/index')}">全部</a></dd>
	        {loop $indexData['areaChina'] $area}
	        <dd><a href="{url('shop/index', array('areaid'=>$area['areaid']))}">{$area[areaname]}</a></dd>
	        {/loop}
        </dl>
        <!--所有城市 end-->
    </div>
</div>
    <!--主体部分end-->
    <!--讯都助手 start-->
<script>
	seajs.use(['mod-imgScroll'],function(imgScroll){
		$(".jsCoshopNav>li").click(function(){
			var url = $(this).children("a").attr('data-url');
			$(this).addClass("current").siblings("li").removeClass("current");
			$(this).parents(".coshop-hd").next('div.cooper-list-blk').children("iframe").attr('src',url);
		});
		var scrollImg = new imgScroll("#scrollImg", 8);
		scrollImg.slide();
	})
</script>

{template 'footer'}